<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="../../lib/axios.min.js"></script>
    <script>
        //进行axios 全局配置 (只要给axios配置了全局配置, 那么里面所有的请求方法都会使用该配置)
        axios.defaults.baseURL = 'https://api.lby.link'; //配置默认的基路径
        axios.defaults.headers.common['Authorization'] = 'AUTH_TOKEN'; //配置公共的请求包头
        axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'; //针对于post 请求配置请求包头

        /**
         *  假设 项目比较庞大 ,数据都分布在不同的服务器 :
         *         商城模块 : https://lby.link
         *         商品模块 : https://goods.lby.link
         *         订单模块 : https://order.lby.link
         *         支付模块 : https://pay.lby.link
         *         会员模块 : https://merber.lby.link     
         * 
         *  解决方案: 使用axios.create() 来创建不同模块请求的axios实例.
         * 
        */

        //商城模块
        let instance = axios.create() ;// 就是一个新的axios实例
            instance.baseURL = 'https://lby.link'

            instance.get("/s" , {baseURL:'https://baidu.com'}).then().catch() // = >https://lby.link/s

        //订单模块
        let orderInstance = axios.create() ;// 就是一个新的axios实例
            orderInstance.baseURL = 'https://order.lby.link'
            orderInstance.get("/s").then().catch() // = >https://lby.link/s     
    </script>
</body>
</html>